<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="styles/menu.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="../js/j.js"></script>
<script language="javascript">
function show_menu($this){
	$this.addClass('cur');
	var $parent = $this.parent()
	var $siblings = $parent.siblings();
	$siblings.find('dd').slideUp('fast');
	$parent.find('dd').slideDown('fast');
	$siblings.find('dt').removeClass('cur');
}
</script>
</head>

<body>
<div class="menu-box">
	{foreach from=$menus item=menu key=k}
	<dl>
    	<dt {if $k eq 0}class="cur"{/if} onclick="show_menu($(this))">{$menu.label}</dt>
    	<dd {if $k neq 0}style="display:none;"{/if}>
        	{if $menu.children}
            {foreach from=$menu.children item=child}
            <p><a href="{$child.action}" target="main-frame">{$child.label}</a></p>
            {/foreach}
            <p class="ddfooter"></p>
            {/if}
        </dd>
    </dl>
    {/foreach}
</div>
</body>
</html>
